<%--
  Created by IntelliJ IDEA.
  User: fujia
  Date: 2016/6/30
  Time: 18:38
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="s" uri="/struts-tags" %>

<!-- menu -->
<div class="app-aside hidden-xs bg-dark">
    <div class="aside-wrap">
        <div class="navi-wrap">
            <!-- user -->
            <div class="clearfix hidden-xs text-center hide" id="aside-user">
                <div class="dropdown wrapper">
                    <a ui-sref="app.page.profile">
                        <span class="thumb-lg w-auto-folded avatar m-t-sm">
                          <img src="/resources/picture/head/<s:property value="#session.userId" />.png" class="img-full" alt="...">
                        </span>
                    </a>
                    <a href="#" data-toggle="dropdown" class="dropdown-toggle hidden-folded">
                        <span class="clear">
                            <span class="block m-t-sm">
                                <strong class="font-bold text-lt"><s:property value="#session.username" /></strong>
                                <b class="caret"></b>
                            </span>
                        </span>
                    </a>
                    <!-- dropdown -->
                    <ul class="dropdown-menu animated fadeInRight w hidden-folded">
                        <li class="wrapper b-b m-b-sm bg-info m-t-n-xs">
                            <span class="arrow top hidden-folded arrow-info"></span>
                            <div>
                                <p><s:property value="#session.username" /></p>
                            </div>
                            <progressbar value="60" type="white" class="progress-xs m-b-none dker"></progressbar>
                        </li>
                        <li>
                            <a href="/information.action">
                                <span class="badge bg-danger pull-right">30%</span>
                                <span>修改信息</span>
                            </a>
                        </li>
                        <li>
                            <a>
                                <span class="badge bg-danger pull-right">3</span>
                                <span>通知</span>
                            </a>
                        </li>
                        <li>
                            <a href="/faq.action">
                                <span class="label bg-info pull-right">new</span>
                                <span>帮助</span>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a ui-sref="access.signin" href="/quit.action">退出</a>
                        </li>
                    </ul>
                    <!-- / dropdown -->
                </div>
                <div class="line dk hidden-folded"></div>
            </div>
            <!-- / user -->

            <!-- nav -->
            <nav ui-nav class="navi">
                <ul class="nav">
                    <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
                        <span translate="aside.nav.HEADER">导航</span>
                    </li>
                    <li>
                        <a href="/index.action" class="auto">
                            <i class="glyphicon glyphicon-stats icon text-primary-dker"></i>
                            <span class="font-bold" translate="aside.nav.DASHBOARD">首页</span>
                        </a>
                    </li>
                    <li>
                        <a href class="auto">
                            <span class="pull-right text-muted">
                                <i class="fa fa-fw fa-angle-right text"></i>
                                <i class="fa fa-fw fa-angle-down text-active"></i>
                            </span>
                            <i class="glyphicon glyphicon-calendar icon text-info-dker"></i>
                            <span class="font-bold">论坛板块</span>
                        </a>
                        <ul class="nav nav-sub dk">
                            <li class="nav-sub-header">
                                <a href>
                                    <span>论坛板块</span>
                                </a>
                            </li>
                            <li ui-sref-active="active">
                                <a href="/article.action?block=1">
                                    <span>游戏社区</span>
                                </a>
                            </li>
                            <li ui-sref-active="active">
                                <a href="/article.action?block=2">
                                    <span>运动健身</span>
                                </a>
                            </li>
                            <li ui-sref-active="active">
                                <a href="/article.action?block=3">
                                    <span>影视评论</span>
                                </a>
                            </li>
                            <li ui-sref-active="active">
                                <a href="/article.action?block=4">
                                    <span>科技前沿</span>
                                </a>
                            </li>
                            <li ui-sref-active="active">
                                <a href="/article.action?block=5">
                                    <span>摄影爱好</span>
                                </a>
                            </li>
                            <li ui-sref-active="active">
                                <a href="/article.action?block=6">
                                    <span>美食旅游</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="/faq.action" class="auto">
                            <i class="icon-question icon"></i>
                            <span class="font-bold" translate="aside.nav.EMAIL">FAQs</span>
                        </a>
                    </li>
                    <li>
                        <a href="/contact.action" class="auto">
                            <i class="glyphicon glyphicon-envelope icon text-info-lter"></i>
                            <span class="font-bold" translate="aside.nav.EMAIL">联系我们</span>
                        </a>
                    </li>
                    <li>
                        <a class="auto">
                            <span class="pull-right text-muted">
                                <i class="fa fa-fw fa-angle-right text"></i>
                                <i class="fa fa-fw fa-angle-down text-active"></i>
                            </span>
                            <i class="glyphicon glyphicon-th-large icon text-success"></i>
                            <span class="font-bold">应用</span>
                        </a>
                        <ul class="nav nav-sub dk">
                            <li class="nav-sub-header">
                                <a href>
                                    <span>应用</span>
                                </a>
                            </li>
                            <li ui-sref-active="active">
                                <a ui-sref="apps.note">
                                    <span>笔记</span>
                                </a>
                            </li>
                            <li ui-sref-active="active">
                                <a ui-sref="apps.contact">
                                    <span>联系人</span>
                                </a>
                            </li>
                            <li ui-sref-active="active">
                                <a ui-sref="app.weather">
                                    <span>天气</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </nav>
            <!-- nav -->
        </div>
    </div>
</div>
<!-- / menu -->
